<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Monsters Creator</title>
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <!-- force webkit on 360 -->
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <!-- force edge on IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="msapplication-tap-highlight" content="no">
    <!-- force full screen on some browser -->
    <meta name="full-screen" content="yes"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <!-- force screen orientation on some browser -->
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <link rel="shortcut icon" type="image/x-icon" href="../static/favicon.ico">
    <link rel="bookmark" href="../static/favicon.ico"/>
    <link id="theme" rel="stylesheet" type="text/css" href="../static/css/default.css"/>
    <link rel="stylesheet" type="text/css"  href="../static/css/main.css"/>
    <link rel="stylesheet" type="text/css"  href="../static/css/common.css"/>
    <script type="text/javascript" src="../static/js/resize.js"></script>
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery.i18n.properties-min-1.0.9.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script type="text/javascript" src="../static/js/util.js"></script>
    <style>
        body {
            display: none;
        }
    </style>

</head>
<body id="firstPage">
<header></header>

<div id="logo">
    <img class="logo-layout" src="../static/images/logo.gif"/>
</div>

<div id="shareimg">
    <img v-if="likeimg===''" onclick="copyImg(this)" src="../static/images/monster1.png"/>
    <!--<img v-else src={{likeimg}} />-->
</div>

<div id="likebtn" v-on:click="clicklike">
        <img style="width: 42%;position: absolute" src="../static/images/yellowbtn.png"/>
       <img v-if="islike" class="likebtnlove" src="../static/images/love.png">
       <img v-else class="likebtnlove" src="../static/images/noLove.png">
        <font class="likebtnfont">{{likecount}}</font>
</div>




<footer>

    <div id="createbtn" onclick="window.location.href='draw_monster.html?id=0&create=true&timeStemp='+new Date().getTime()">
        <img style="width: 42%;position: absolute" src="../static/images/redBtn.png"/>
        <font class="createbtnfont">创造怪物</font>
    </div>

</footer>

</body>

<script type="text/javascript" src="../static/js/likePage.js"></script>

<script>

//    localStorage.removeItem("monsters");



</script>


</html>